<!DOCTYPE html>
<html>
	<head>
		<title>HTML5test - How well does your browser support HTML5?</title>

		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="stylesheet" href="/css/main.css" type="text/css">
		<link rel="stylesheet" href="/css/reporting.css" type="text/css">

		<script src='/scripts/base.js' type='text/javascript'></script>
		<script src='/scripts/reporting.js' type='text/javascript'></script>

		<script src='/scripts/jquery/jquery-1.7.2.min.js' type='text/javascript'></script>
		<script src='/scripts/highcharts/highcharts.src.js' type='text/javascript'></script>
		<script src="/scripts/highcharts/modules/exporting.js" type="text/javascript"></script>
		<script src="/scripts/fullscreen.js" type="text/javascript"></script>

		<meta name="application-name" content="HTML5test"/>

		<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-touch-icon-60x60.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-touch-icon-152x152.png" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-16x16.png" sizes="16x16" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-96x96.png" sizes="96x96" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-160x160.png" sizes="160x160" />
		<link rel="icon" type="image/png" href="/images/icons/favicon-196x196.png" sizes="196x196" />
		<meta name="msapplication-TileColor" content="#0092bf" />
		<meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
	</head>

	<body>
		<div class='header'>
			<h1><span>HTML<strong>5</strong>test</span> <em>how well does your browser support HTML5?</em></h1>
			<div class='navigation'>
				<ul class='left'>
					<li><a href='/index.html'>Your browser</a></li>
					<li class='selected'><a href='/results/desktop.html'>Other<span> browser</span>s</a></li>
					<li><a href='/compare/browser/index.html'>Compare</a></li>
				</ul>
				<ul class='right'>
					<li><a href='/about.html'>About<span> the test</span></a></li>
				</ul>
			</div>
		</div>

		<div class='page'>
			<div class='column'>
				<div class='paper hasNavigation'>
					<ul class='navigation'>
						<li class='<?php echo $type == 'desktop' ? 'selected' : ''; ?>'><a href='/results/desktop.html'>Desktop<span> browsers</span></a></li>
						<li class='<?php echo $type == 'tablet' ? 'selected' : ''; ?>'><a href='/results/tablet.html'>Tablets</a></li>
						<li class='<?php echo $type == 'mobile' ? 'selected' : ''; ?>'><a href='/results/mobile.html'>Mobiles</a></li>
						<li class='<?php echo $type == 'other' ? 'selected' : ''; ?>'><a href='/results/other.html'>Other</a></li>
						<li class='more'><a href='/results/search.html'>Search</a></li>
						<li class='more'><a href='/results/latest.html'>Latest</a></li>
					</ul>

					<div>

						<div class='scorePanel'>
							<h2 id='gaming'>Gaming</h2>

							<div class='left'>
								<?php if (isset($consoles)): ?>
								<div>
									<h3>Consoles</h3>
									<table class='scoreTable'>
										<thead>
											<tr>
												<th class='points'>Score</th>
												<th class='nickname'>Device</th>
												<th class='details'></th>
											</tr>
										</thead>
										<tbody>
											<?php foreach($consoles as $item): ?>
											<tr>
												<td class='points'><?php echo $item->score; ?></td>
												<th class='nickname' onclick="new BrowserPopup(this, 'gaming', { platform: '<?php echo $item->platform; ?>', version: '<?php echo $item->version; ?>', id: '<?php echo $item->id; ?>', score: '<?php echo $item->score; ?>' }); ">
													<?php echo $item->nickname; ?>
												</th>
												<th class='details'><?php echo $item->details; ?></th>
											</tr>
											<?php endforeach; ?>
										</tbody>
									</table>
								</div>
								<?php endif; ?>
							</div>

							<div class='right'>
								<?php if (isset($portables)): ?>
								<div>
									<h3>Portable</h3>
									<table class='scoreTable'>
										<thead>
											<tr>
												<th class='points'>Score</th>
												<th class='nickname'>Device</th>
												<th class='details'></th>
											</tr>
										</thead>
										<tbody>
											<?php foreach($portables as $item): ?>
											<tr>
												<td class='points'><?php echo $item->score; ?></td>
												<th class='nickname' onclick="new BrowserPopup(this, 'gaming', { platform: '<?php echo $item->platform; ?>', version: '<?php echo $item->version; ?>', id: '<?php echo $item->id; ?>', score: '<?php echo $item->score; ?>' }); ">
													<?php echo $item->nickname; ?>
												</th>
												<th class='details'><?php echo $item->details; ?></th>
											</tr>
											<?php endforeach; ?>
										</tbody>
									</table>
								</div>
								<?php endif; ?>
							</div>
						</div>

						<hr>

						<div class='scorePanel'>
							<h2 id='television'>Television</h2>

							<div class='left'>
								<?php if (isset($smarttvs)): ?>
								<h3>Smart TVs</h3>
								<div>
									<table class='scoreTable'>
										<thead>
											<tr>
												<th class='points'>Score</th>
												<th class='nickname'>Device</th>
												<th class='details'></th>
											</tr>
										</thead>
										<tbody>
											<?php foreach($smarttvs['current'] as $item): ?>
											<tr>
												<td class='points'><?php echo $item->score; ?></td>
												<th class='nickname' onclick="new BrowserPopup(this, 'television', { platform: '<?php echo $item->platform; ?>', version: '<?php echo $item->version; ?>', id: '<?php echo $item->id; ?>', score: '<?php echo $item->score; ?>' }); ">
													<?php echo $item->nickname; ?>
												</th>
												<th class='details'><?php echo $item->details; ?></th>
											</tr>
											<?php endforeach; ?>
										</tbody>
									</table>
								</div>
								<?php endif; ?>
							</div>

							<div class='right'>
								<?php if (isset($settopboxes)): ?>
								<div>
									<h3>Set-top boxes</h3>
									<table class='scoreTable'>
										<thead>
											<tr>
												<th class='points'>Score</th>
												<th class='nickname'>Device</th>
												<th class='details'></th>
											</tr>
										</thead>
										<tbody>
											<?php foreach($settopboxes as $item): ?>
											<tr>
												<td class='points'><?php echo $item->score; ?></td>
												<th class='nickname' onclick="new BrowserPopup(this, 'television', { platform: '<?php echo $item->platform; ?>', version: '<?php echo $item->version; ?>', id: '<?php echo $item->id; ?>', score: '<?php echo $item->score; ?>' }); ">
													<?php echo $item->nickname; ?>
												</th>
												<th class='details'><?php echo $item->details; ?></th>
											</tr>
											<?php endforeach; ?>
										</tbody>
									</table>
								</div>
								<?php endif; ?>
							</div>
						</div>

						<hr>

						<div class='scorePanel'>
							<h2 id='ereaders'>E-readers</h2>

							<div class='left'>
								<?php if (isset($ereaders)): ?>
								<div>
									<h3>E-paper readers</h3>
									<table class='scoreTable'>
										<thead>
											<tr>
												<th class='points'>Score</th>
												<th class='nickname'>Device</th>
												<th class='details'></th>
											</tr>
										</thead>
										<tbody>
											<?php foreach($ereaders as $item): ?>
											<tr>
												<td class='points'><?php echo $item->score; ?></td>
												<th class='nickname' onclick="new BrowserPopup(this, 'ereader', { platform: '<?php echo $item->platform; ?>', version: '<?php echo $item->version; ?>', id: '<?php echo $item->id; ?>', score: '<?php echo $item->score; ?>' }); ">
													<?php echo $item->nickname; ?>
												</th>
												<th class='details'><?php echo $item->details; ?></th>
											</tr>
											<?php endforeach; ?>
										</tbody>
									</table>
								</div>
								<?php endif; ?>
							</div>

							<div class='right'>
							</div>
						</div>

						<hr>

						<h3>About these scores</h3>
						<div class='text'>
							The data above is compiled from automatically submitted test results. It is possible your results
							may differ slightly due to external factors such as settings and which operating system is used.
							If you believe the data above is incorrect, or if you think we are missing an important browser
							or device, please open a bug report at <a href='http://github.com/NielsLeenheer/html5test'>Github</a>.
						</div>
					</div>
				</div>

				<div class='footer'>
					<div>
						<div class='copyright'>
							<p>
								Created by Niels Leenheer.<br>
								Please note that the HTML5 test is not affiliated with the W3C or the HTML5 working group.<br>
								HTML5 Logo by <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a>.
								Browser detection by <a href='http://whichbrowser.net'>WhichBrowser</a>.
							</p>

							<div id='cloudvps'>
								<a href="http://www.cloudvps.nl" target="_blank" ><b>CloudVPS</b><br> High Availability<br> Cloud Servers</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src='//www.google-analytics.com/ga.js'></script>
		<script>
		<!--
			try {
				var pageTracker = _gat._getTracker("UA-68192-4");
				pageTracker._trackPageview();
			} catch(err) {}
		//-->
		</script>
	</body>
</html>
